import React from 'react'
import { connect } from 'react-redux'
import { Tabs } from 'antd'
import Analysis from './StatisticsAnalysis/Analysis'
import HistoryRecord from './StatisticsAnalysis/HistoryRecord'
import OperationLog from './StatisticsAnalysis/OperationLog'

const TabPane = Tabs.TabPane

class StatisticsAnalysis extends React.Component {
  render() {
    return (
      <div className="SA">
        <Tabs type="card">
          <TabPane tab="统计分析" key="1">
            <Analysis />
          </TabPane>
          <TabPane tab="历史记录" key="2">
            <HistoryRecord />
          </TabPane>
          <TabPane tab="操作日志" key="3">
            <OperationLog />
          </TabPane>
        </Tabs>
      </div>
    )
  }
}

export default connect(state => ({
  formData: state.form
}))(StatisticsAnalysis)
